.zzIndex_Product_Title{
    width:100%;
    height:50px;overflow:hidden;
}
.zzIndex_Product_Title .left{
    width:20%;float:left;
    height:30px;line-height:30px;
}
.zzIndex_Product_Title .left h2{font-size:20px;}
.zzIndex_Product_Title .left div{
    width:80px;
    height:10px;
    border-bottom:2px solid #0093d7;
}
.zzIndex_Product_Title .right{
    width:80%;float:left;
    height:35px;overflow:hidden;
}
.zzIndex_Product_Title .right dt{
    width:100px;float:left;
    height:35px;line-height:35px;overflow:hidden;
    background:#e8e8e8;
    margin:0 5px;
    text-align:center;
    padding:0 5px;
}
.zzIndex_Product_Title .right dt:hover{background:#f4f4f4;}

.zzIndex_Product_List{
    width:100%;
    height:auto;overflow:hidden;
}
.index_photo{
    width:360px;float:left;
    border:1px solid #eee;
    margin:15px 20px 15px 18px;
}
.index_photo:hover{box-shadow:0 0 15px #eee;}
.index_photo dd{
    width:100%;
    text-align:center;
}
.index_photo dd img{
    width:320px;
    height:250px;
    margin:20px 0 0 0;
}
.index_photo dt {
    width: 100%;
    height:auto;overflow:hidden;
    margin-bottom: 10px;
    text-align:center;
}
.index_photo dt a{font-size:18px;}
.index_photo dt div {
    width: 90%;
    margin: 10px auto 10px auto;
    height:auto;overflow:hidden;
    line-height:20px;
    color:#999;
}
.zzIndex_About{
    width:100%;
    height:auto;overflow:hidden;
    background:url(../Images/index_about_bg.jpg);
    background-repeat:no-repeat;
    padding:30px 0;
}
.zzIndex_About_Title{
    width:100%;
    height:auto;line-height:40px;
    color:#fff;
    text-indent:20px;
}
.zzIndex_About_Title h2{font-size:20px;}
.zzIndex_About_Title div{
    width:80px;
    height:10px;
    border-bottom:2px solid #fff;
    margin-left:20px;
}
.zzIndex_About_Content{
    width:96%;
    height:auto;overflow:hidden;
    line-height:30px;
    font-size:13px;
    color:#fff;
    margin:30px auto;
}
.zzIndex_About_Content a{color:#ff0;}

.zzIndex_News_Pic{
    width:300px;float:left;
}

.zzIndex_News{
    width:400px;float:left;
    margin:0 20px;
}
.zzIndex_News_Title{
    width:100%;
    height:auto;overflow:hidden;
    line-height:20px;
}
.zzIndex_News_Title h2{font-size:18px;}
.zzIndex_News_Title div{
    width:80px;
    height:10px;
    border-bottom:2px solid #0093d7;
}
.zzIndex_News_List{
    width:100%;
    height:auto;overflow:hidden;
    margin:20px 0 0 0;
}

.index_news{
    width:96%;
    height:auto;overflow:hidden;
    border-bottom:1px solid #eee;
    margin:8px 0;
    padding:0 2%;
}
.index_news:hover{background:#f8f8f8;}
.index_news dd{
    width:80%;float:left;
    height:auto;overflow:hidden;
    line-height:20px;
}
.index_news dd a{font-size:16px;}
.index_news dd div{
    width:100%;
    height:auto;overflow:hidden;
    line-height:16px;
    color:#b5b5b5;
    margin:5px 0;
    font-size:11px;
}
.index_news dt{
    width:20%;float:left;
    text-align:center;
    color:#999;
    line-height:30px;
}
.index_news dt span{font-size:26px;color:#666;font-weight:bold;}

.zzIndex_Link_Title{
    width:80px;float:left;
    height:30px;line-height:30px;
}
.zzIndex_Link_Content{
    width:1120px;float:left;
    height:auto;overflow:hidden;
}
.zzIndex_Link_Content dt{float:left;padding:0 5px;line-height:30px;}

@media(max-width:720px){

    .zzIndex_Product_Title {
        width: 100%;
        height: auto;
    }

        .zzIndex_Product_Title .left {
            width: 100%;
            height: auto;overflow:hidden;
            line-height: 30px;
            margin-bottom:20px;
        }

        .zzIndex_Product_Title .right {
            width: 100%;
            height: auto;
            overflow: hidden;
        }

            .zzIndex_Product_Title .right dt {
                width:30%;
                margin: 0 1% 5px 1%;
                padding:0 0.5%;
            }


    .index_photo {
        width: 47%;
        margin: 15px 1% 15px 1%;
    }
        .index_photo dd {
            width: 100%;
            text-align: center;
        }

            .index_photo dd img {
                width: 100%;
                height: 160px;
                margin: 10px 0 10px 0;
            }

            .index_photo dt a {
                font-size: 16px;
            }

        .index_photo dt div {
            height: 60px;
        }


    .zzIndex_About {
        background-repeat:repeat;
        background-size:cover;
        padding: 20px 0;
    }
    .zzIndex_About_Content {
        width: 90%;
        height: auto;
        overflow: hidden;
        line-height: 25px;
        font-size: 14px;
        color: #fff;
        margin: 30px auto;
    }

    .zzIndex_News_Pic {
        width: 100%;
    }
      .zzIndex_News_Pic img{
          width:100%;
      }

    .zzIndex_News {
        width: 100%;
        margin: 20px auto 10px auto;
    }

    .zzIndex_News_Title {
        width: 100%;
        height: auto;
        overflow: hidden;
        line-height: 20px;
    }

    .index_news {
        width: 96%;
        height: auto;
        overflow: hidden;
        border-bottom: 1px solid #eee;
        margin: 0 0 20px 0;
        padding: 0 2%;
    }

    .zzIndex_Link_Title {
        width: 80px;
        float: left;
        height: 30px;
        line-height: 30px;
    }

    .zzIndex_Link_Content {
        width: 100%;
    }

        .zzIndex_Link_Content dt {
            float: left;
            padding: 0 5px;
            line-height: 30px;
        }


}